<!DOCTYPE html>
<html lang="en">
    <head>  
        <meta charset="utf-8">	
        <meta name="viewport" content="width=device-width, initial-scale=1">


        <title>Seleccionar Servicios</title>
<!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="jquery-ui/jquery-ui.min.css">
    
	<script type="text/javascript" src="jquery-ui/jquery-ui.min.js"></script>
	<!--  if timepicker is used in filters -->
        <script>
        $(function(){
        	  $("#header").load("header.jsp"); 
        	});
        </script>

        <link href="css/bootstrap-3.2.0.css" rel="stylesheet">	
        <link href="css/bootstrap-theme-3.2.0.css" rel="stylesheet">
        <link href="css/offcanvas.css" rel="stylesheet">	

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->

    </head>

    <body>
<br><br><br><br>

        <div id="header"></div>

        <div class="container">

            <table width="100%">
                <tr>
                    <td><h1>Seleccionar Servicios</h1></td>
                </tr>
            </table>	

            <div class="well">

                <form class="form-horizontal well">
                    <fieldset>	
                        <table border="0" style="width: 100%;">
                            <tr>
                                <td>
                                    <label class="control-label" for="input01">Servicios:</label>
                            <select id="select01">
                            <option>Seleccione</option>
				  <option>Lugar1</option>
				  <option>Lugar2</option>
				  </select>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <label class="control-label" for="input01">Numero de Personas:</label>
                                    <input type="text"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <label class="control-label" for="input01">Descripcion:</label>
                                    <textarea class="input-xlarge" id="textarea" rows="3" cols="100"></textarea>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <button type="submit" class="btn">Guardar</button>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <label class="control-label" for="input01">Lista de Servicios:</label>
                                </td>
                            </tr>
                            <tr>
                                <td align="center">
                                    
                                		<table style="width:70%" border="1">
  <tr>
    <td>#</td>
    <td>Servicio</td>		
    <td>Personas</td>
    <td>Descripcion</td>
  </tr>
  <tr>
    <td>1</td>
    <td>Orquesta</td>		
    <td>20</td>
    <td>Musica Clasica</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Orquesta 2</td>		
    <td>20</td>
    <td>Musica Electronica</td>
  </tr>
</table>		
                                </td>
                            </tr>
                            
                            <tr>
                                <td align="center" style="height: 50px">
                                    <button type="submit" class="btn btn-primary">Cancelar</button>
                                    <button type="submit" class="btn btn-primary">Aceptar</button>
                                    
                                </td>
                            </tr>
                        </table>
                    </fieldset>
                </form>

            </div>

            <footer>
                <p>&copy; Company 2014</p>
            </footer>

        </div> <!-- /container -->


    </body>
</html>
